<!-- 消息通知列表 -->
<template>
	<view class="page_box">
		<view class="content_box">
			<view class="n-list" v-for="(item,index) in NList" :key="index">
				<view class="n-time">
					{{$u.timeFormat(item.createtime, 'yyyy-mm-dd hh:MM')}}
				</view>
				
				<view class="n-div" >
					<view class="n-div2">
						<image src="/static/images/information.png">
						<view class="title">
							系统公告
						</view>
					</view>
					<view class="n-title">
						{{item.title}}
					</view>
					<view class="n-desc">
						{{item.desc}}
					</view>
				</view>	
				
			</view>
				
		</view>
	</view>
</template>

<script>

export default {
	components: {
		
	},
	data() {
		return {
			isEmpty: false,
			typeCurrent: 'all',
			NList: [],
			loadStatus: 'loadmore', //loadmore-加载前的状态，loading-加载中的状态，nomore-没有更多的状态
			currentPage: 1,
			lastPage: 1
		};
	},
	computed: {},
	onLoad() {
		this.getNList();
	},
	methods: {
		// 商品评论
		getNList() {
			let that = this;
			that.loadStatus = 'loading';
			that.$http('user.notificationList', {
				
			}, '加载中...').then(res => {
				if (res.code === 1) {
					that.NList = res.data;
					console.log(res.data)
				}
			});
		}
	}
};
</script>

<style lang="scss">
	.page_box{
		background-color:#bebebe;
		min-height: 100%;
		padding-top: 20rpx;
		padding-bottom: 70rpx;
	}
.empty-box {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.head_box {
	height: 114rpx;
	background-color:#bebebe;
	padding: 0 20rpx;
	.type-btn {
		width: 130rpx;
		line-height: 62rpx;
		background: rgba(238, 238, 238, 1);
		border-radius: 31rpx;
		border: none;
		font-size: 28rpx;

		font-weight: 400;
		color: rgba(153, 153, 153, 1);
		padding: 0;
		margin-right: 10rpx;
	}
	.btn-active {
		background: linear-gradient(90deg, rgba(233, 180, 97, 1), rgba(238, 204, 137, 1));
		box-shadow: 0px 7rpx 6rpx 0px rgba(229, 138, 0, 0.22);
		color: #444;
	}
}
.n-list{
	color: #444;
	margin: 22rpx 22rpx 40rpx 22rpx;
}
.n-time{
	width: 250rpx;
	font-size: 25rpx;
	background-color:#bebebe;
	border-radius: 21rpx;
	margin: 18rpx auto 18rpx auto;
	padding: 10rpx 20rpx 10rpx 20rpx;
}
.n-div{
	background-color:#bebebe;
	border-radius: 17rpx;		
	padding:30rpx;
}
.n-div2{
	display: flex;
	border-bottom: 2rpx solid #E9E9E9;
	image{
		width: 46rpx;
		height: 52rpx;
	}
	.title{
		margin: 0 0 31rpx 16rpx;
		font-size: 33rpx;
		font-weight: bold;
	}
}
.n-title{
	font-size: 30rpx;
	margin: 35rpx 0 35rpx 0;
}
.n-desc{
	font-size: 25rpx;
}				

</style>
